import {GameMap} from "./game_map.js";
import {Player} from "./player.js";
import {Kyo} from "./player_kyo.js";

let dev = false

class KOF {
    constructor(id) {
        this.$kof = $('#' + id)
        this.$kof_head = $(`
                <div class="kof-head">
                    <div class="kof-head-hp-0">
                        <div class=".kof-head-hp-0-rect">
                        </div>
                    </div>
                    <div class="kof-head-timer"> 60 </div>
                    <div class="kof-head-hp-1">
                        <div class=".kof-head-hp-1-rect">
                        </div>
                    </div>
                </div>
        `)

        this.$kof.append(this.$kof_head)

        console.log(this.$kof)
        this.game_map = new GameMap(this)



        this.players = [
            new Kyo(this, {
                id: 0,
                x: 200,
                y: 0,
                width: 120,
                height: 200,
                color: 'blue',
            }),
            new Kyo(this, {
                id: 1,
                x: 900,
                y: 0,
                width: 120,
                height: 200,
                color: 'red',
            })
        ]


    }
}

export {
    KOF, dev
}